<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<header>
			<div class="header">
				<img src="img/logo.png" />
				<nav>
					<ul>
						<li><a href="#">首页</a></li>
						<li><a id="present" href="#">案例展示</a></li>
						<li><a href="#">最新文章</a></li>
						<li><a href="#">帮店助手</a></li>
						<li><a href="#">设计导航</a></li>
					</ul>
				</nav>
				<div class="relation">
					&nbsp;关注我们&nbsp;
					<div class="conceal">
						<ul>
							<li>
								<span>QQ:</span>
								513894357
							</li>
							<li>
								<span>Tel:</span>
								13065018050
							</li>
						</ul>
					</div>
				</div>
			</div>
		</header>
		<article>
			<h2>Web Art Service</h2>
			<div class="quxian1"></div>
			<div class="quxian2"></div>
			<p class="p1">为web艺术提供高端服务</p>
			<p class="p2">青年帮创意工坊,提供优秀的设计制作,高端的学习教程,最亲的技术分享</p>
			<div class="ul-li">
				<ul>
					<li>
						<a href="#">网页设计</a>
						<img src="img/fuwu_quan.png" />
						</li>
					<li>
						<a href="#">网店装修</a>
						<img src="img/fuwu_quan.png" />
					</li>
					<li>
						<a href="#">UI设计</a>
						<img src="img/fuwu_quan.png" />
					</li>
					<li>
						<a href="#">精品课程</a>
						<img src="img/fuwu_quan.png" />
					</li>
				</ul>
			</div>
			<p class="p3">最新文章 <span>&amp;</span> 动态</p>
			<div class="ul-li2">
				<ul>
					<li>
						<div class="div">
							<img src="img/1443692717.png" />最新文章
						</div>
						<a href="#">做好设计，这三种方法绝对会帮助到你</a>
						<time>2016-08-19 22:19</time>
					</li>
					<li>
						<div class="div">
							<img src="img/1443692717.png" />最新文章
						</div>
						<a href="#">dw cs6破解版下载，最详细的dw cs6破解版安装教程</a>
						<time>2016-07-13 14:48</time>
					</li>
					<li>
						<div class="div">
							<img src="img/1443692717.png" />最新文章
						</div>
						<a href="#">如何实现网页图片按需滚动分屏无限加载？</a>
						<time>2015-10-07 12:03</time>
					</li>
					<li>
						<div class="div">
							<img src="img/1443692717.png" />最新文章
						</div>
						<a href="#">【第2期】平面设计转战网页美工/淘宝美工</a>
						<time>2015-09-30 23:51</time>
					</li>
					<li>
						<div class="div">
							<img src="img/1443692717.png" />最新文章
						</div>
						<a href="#">淘宝美工海报制作思路教程1【个人总结：在平面设计与网页设计中积...</a>
						<time>2015-09-30 16:35</time>
					</li>
				</ul>
			</div>
		</article>
		<footer></footer>
	</body>
</html>
